<template>
  <div>
    <el-form
      ref="ruleFormRef"
      style="max-width: 600px"
      :model="ruleForm"
      :rules="rules"
      label-width="auto"
      class="demo-ruleForm"
      :size="formSize"
      status-icon
    >
      <el-form-item label="部门" prop="departmentId">
        <el-select
          v-model="ruleForm.departmentId"
          placeholder="Activity zone"
          style="width: 200px"
          @change="selechange"
        >
          <el-option
            :label="item.name"
            :value="item.id"
            v-for="item in bumendata"
          />
        </el-select>
      </el-form-item>
    </el-form>
    <div>
        
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { getDeductionSetting } from "../../api/attendance";
defineProps(["ruleForm", "rules", "formSize", "bumendata"]);
const data = ref([]);
getDeductionSetting(1).then((res) => {
  data.value = res.data.data;
  console.log(data.value);
});
const selechange = () => {};
</script>

<style scoped></style>
